<!DOCTYPE html>
<html>
<head>
  <title>全景高级编辑DEMO</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <meta http-equiv="x-ua-compatible" content="IE=edge"/>
  <style>
    @-ms-viewport {
      width: device-width;
    }

    @media only screen and (min-device-width: 800px) {
      html {
        overflow: hidden;
      }
    }

    html {
      height: 100%;
      overflow: hidden !important;
    }

    div {
      height: 100%;
    }

    body {
      height: 100%;
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 16px;
      color: #FFFFFF;
      background-color: #333;
    }
  </style>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<script src="/static/tour.js"></script>
<div class="columns is-gapless">
  <div id="pano" class="column is-10">
    <noscript>
      <table style="width:100%;height:100%;">
        <tr style="vertical-align:middle;">
          <td>
            <div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div>
          </td>
        </tr>
      </table>
    </noscript>
    <script>
      embedpano({
        swf: "/static/tour.swf",
        xml: "/static/tour.xml",
        target: "pano",
        html5: "auto",
        mobilescale: 1.0,
        passQueryParameters: true
      });
    </script>
  </div>
  <div id="editor" class="column is-2"></div>
</div>
</body>
</html>
